/*
 * Copyright (C) 2012 Google Inc.
 * 
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 * 
 * http://www.apache.org/licenses/LICENSE-2.0
 * 
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
 */
#navMain {
  margin: 0;
  padding: 0;
  margin-top: 5px;
  margin-bottom: 10px;
  background-color: #eeeeee;
  background-image: url('/interactivespaces/img/navmain_bg.gif');
  background-position: bottom;
  background-repeat: repeat-x;
  position: relative;
  z-index: 10;
}

#navMain ul {
  list-style-type: none;
  list-style-position: inside;
  list-style-image: none;
  display: inline;
}

#navMain li {
  display: inline;
}

#navMain a {
  text-decoration: none;
  font-weight: bold;
  color: black;
}

#navMain a:hover {
  text-decoration: underline;
  color: blue;
}

#navRegion ul {
  list-style-type: none;
  list-style-position: inside;
  list-style-image: none;
  display: inline;
}

#navRegion li {
  display: inline;
}

#mainContent {
  border: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 100px 0 0;
  box-sizing: border-box;
}

a.uglylink  {
  color: #0000FF;
  text-decoration: underline;
}

a.uglylink  img {
  border: 0;
}

a.uglylink:hover,a.uglylink:focus:hover {
  color: black;
  background: #ccc;
  cursor: pointer;
}

a.uglylink:active, a.uglylink:focus {
  color: #fff;
  background-color: #999;
}

.admin-content {
  padding-left: 2em;
  padding-right: 2em;
  box-sizing: border-box;
}

.commandBar td {
  padding: 2px;
}

.commandBar button {
  width: 100%;
}

.out-of-date-indicator img {
  height: 1em;
}

.as-of-timestamp {
  padding-right: 0.5em;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

#body {
  margin: 0.25in;
}

#content {
  margin-top: 2em;
}

table {
  border-collapse: collapse;
}

table.searchResults {
  margin-top: 10pt;
}

#entityMenu li {
  display: inline;
}

table.columns {
  width: 100%;
  padding: 20pt;
}

table.columns td {
  vertical-align: top;
}

th {
  text-align: left;
}

tr.form-row {
  padding-top: 10px;
}

.liveactivity-list .liveactivity-name,.liveactivity-details th,.activity-details th,.activity-list th,.activity-list td,.controller-details th
  {
  padding-right: 10px;
}

.bundle-content-hash {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.form-row {
  clear: both;
  padding-top: 10px;
}

div.form-row span.form-label {
  float: left;
  width: 100px;
  text-align: right;
}

div.form-row span.form-field {
  float: right;
  width: 335px;
  text-align: left;
}

div.form-row span.form-errors {
  float: right;
  width: 335px;
  text-align: left;
}

#spaceName {
  font-weight: bold;
  font-size: 24pt;
}

tr.even {
  
}

tr.odd {
  background-color: rgba(0, 0, 0, 0.1);
}

.all-controllers-table {
  margin-top: 10px;
}

.controller-view-all .all-controllers-table .controller-name {
  padding-right: 10px;
}

.liveactivity-info-popup {
  display: none;
  z-index: 9002;
  border: 2px solid #000;
  padding: 10px;
  background-color: #FFFFFF;
}

.status-box {
  font-weight: bold;
  background-color: #CCC;
  margin-right: 0.1em;
  text-align: center;
  display: inline-block;
  width: 100%;
}

.status-box-inner {
  padding-left: 1em;
  padding-right: 1em;
  width: auto;
}

.liveactivity-status {
  
}

.liveactivity-status-RUNNING {
  background-color: #00ff00;
}

.liveactivity-status-ACTIVE {
  background-color: #53beff;
}

.liveactivity-status-CRASHED {
  background-color: #ff5757;
}

.spacecontroller-status {
  
}

.spacecontroller-status-CONNECT_ATTEMPT,.spacecontroller-status-CAPTURE_REQUESTED,.spacecontroller-status-RESTORE_REQUESTED
  {
  background-color: #88F;
}

.spacecontroller-status-CONNECT_FAILURE,.spacecontroller-status-CAPTURE_ERROR,.spacecontroller-status-RESTORE_ERROR
  {
  background-color: #F88;
}

.spacecontroller-status-RUNNING,.spacecontroller-status-RESTORE_RECEIVED,.spacecontroller-status-CAPTURE_RECEIVED
  {
  background-color: #8F8;
}

.spacecontroller-mode {
  
}

.spacecontroller-mode-ENABLED {
  background-color: #8C8;
}

.spacecontroller-mode-DISABLED {
  background-color: #F88;
}

.databundle-header {
  font-weight: bold;
  padding-right: 10px;
}

.status-detail {
  background-color: #EEE;
}

.status-detail>tbody>tr:nth-child(even) {
  background-color: #DDD;
}

.status-detail td {
  padding: 4px;
}

.status-detail tr>td:first-of-type {
  text-align: right;
  font-weight: bold;
}

.status-detail>tbody>tr>td:first-of-type {
  border-right: 1px solid #CCC;
}

.status-detail .route-detail {
  width: 100%;
}

.status-detail .route-detail td {
  padding: 2px;
}

.status-detail .route-detail .output-route {
  color: #008;
}

.status-detail .route-detail .input-route {
  color: #080;
}